<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Todo App</title>
    <script src="https://unpkg.com/htmx.org@1.9.10"></script>
    <script>
        document.body.addEventListener('htmx:configRequest', (event) => {
            event.detail.headers['X-CSRFToken'] = '{{ csrf_token }}';
        })
    </script>
    <style>
        body { font-family: sans-serif; container-type: inline-size; }
        .completed { text-decoration: line-through; color: #888; }
    </style>
</head>
<body>
    {% block content %}{% endblock %}
</body>
</html>
